<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" isErrorPage="true" isELIgnored="false"%>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>layui</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<%@include file="../../common/commonCss.jsp"%>
		<%@include file="../../common/commonJs.jsp"%>
        <script src="js/userManage.js"></script>
		<style>
			body{
				padding: 10px;
			}
            .bg-purple-dark {
                border-left:5px solid #99a9bf;
                background-color:#eeeeee;
                border-top-left-radius: 4px;
                border-bottom-left-radius: 4px;
                -moz-border-radius-topright: 4px;
                -moz-border-radius-bottomleft: 4px;
                -webkit-border-top-left-radius: 4px;
                -webkit-border-bottom-left-radius:  4px;
            }
            .grid-content {
                padding: 10px 0 10px 10px;
                height: 55px;
            }

		</style>
	</head>

	<body>
    <div id="app">
        <div class="grid-content bg-purple-dark">
            <button-group size="large">
                <i-button type="primary" @click="addButt">
                    <icon type="plus-round"></icon>
                    新增
                </i-button>
                <i-button type="primary" @click="deleteBatch">
                    批量删除
                    <icon type="trash-a"></icon>
                </i-button>
            </button-group>
        </div>
        <i-table border ref="selection" :columns="columns" :data="tableData" :height="427" :stripe="true" @on-selection-change="handleRowChange"></i-table>
        <div style="position: absolute; bottom: 10px; text-align: center; width: 98%;">
            <page :total="total" size="small" show-elevator show-sizer show-total placement="top" @on-page-size-change="onPageSizeChange" @on-change="pageNext"></page>
        </div>
    </div>
		<script type="text/javascript">
            var vueGridApp = null;
           userManage.fun.initGrid();
		</script>

	</body>

</html>